<html>
<style>
div
{
	width: 200px;
	height: 100px;
}

div.crossfade
{
	background-image: -webkit-cross-fade(url(resources/green-10.png), url(resources/green-10.png), 50%);
}
</style>
<!--The first cross-fade should appear as a 100% green square, 200x200px.-->
<div class="crossfade"></div>
<div style="background-color: black"><div class="crossfade"></div></div>
</html>
